@layout("/common/_container.html"){
<link href="https://pynnn.oss-cn-hangzhou.aliyuncs.com/reservations.css?v=20200606" rel="stylesheet">
<div class="ibox float-e-margins ">
    <div class="ibox-content" style="padding: 0">
        <div style="display: none">
            <input type="hidden" id="id" value="">
            <input type="hidden" id="pageType" value="0">
            <input type="hidden" id="callStatus" value="1">
            <input type="hidden" id="userName" value="${userName}">
            <input type="hidden" id="reach" value="">
            <input type="hidden" id="menuName" value="市场-通话记录">
        </div>
        <div class="numStatistics">
            <div style="display: none"></div>
            <div id="callout"  onclick="CallRecordTable.call('1')"><span>呼出</span></div>
            <div onclick="CallRecordTable.call('2')"><span>呼入</span></div>
        </div>

        <div class="timeButton">
            <div class="timeBox">
                <div>
                    <span>创建时间</span>
                    <input type="text" autocomplete="off" id="startCreateTime" onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss',choose:checkDate})">
                    <span>-</span>
                    <input type="text" autocomplete="off" id="endCreateTime" onclick="laydate({istiem:true,format:'YYYY-MM-DD 23:59:59',choose:checkDate})">
                </div>
                <div>
                    <span>区域</span>
                    <select id="areaAbbreviation" onchange="CallRecordTable.selectionTwo()" style="width: 115px;">
                        <option value="">请选择</option>
                        @for(str in areaList){
                        <option value="${str.areaAbbreviation}">${str.areaName}</option>
                        @}
                    </select>
                </div>
                <div style="margin-left: 20px;">
                    <span>网咨姓名</span>
                    <select type="text" id="wanName" name="wanName" style="width: 120px;" onchange="CallRecordTable.search()">
                        <option value="">--请选择网咨--</option>
                    </select>
                </div>
                <div style="margin-left: 20px;">
                    <span>接通状态</span>
                    <select type="text" id="result" name="result" onchange="CallRecordTable.search()">
                        <option value="">请选择</option>
                        <option value="0">接通</option>
                        <option value="2">未接</option>
                        <option value="4">已处理</option>
                    </select>
                </div>
            </div>
            <div class="buttonBox" style="flex: 1.7">
                <div>
                    <button type="button" onclick="CallRecordTable.hangup()">挂断</button>
                    <button type="button" class="btn" onclick="CallRecordTable.to_handleMissed()"><img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/empty.png"><span>处理未接</span></button>
                    <button type="button" class="btn" onclick="CallRecordTable.resetSearch()"><img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/empty.png"><span>重置</span></button>
                    @if(shiro.hasPermission("/reservation/export")){
                    <button type="button" class="btn" onclick="$('#CallRecordTable').tableExport({ type: 'excel', escape: 'false' })"><img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/export.png"><span>导出</span></button>
                    @}
                </div>
            </div>
        </div>
        <div class="tableBox">
            <#table id="CallRecordTable"/>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/marketing/reservations/callRecord.js?v=20200628"></script>
<script src="${ctxPath}/static/modular/marketing/reservations/marketSearchContent.js?v=20200628"></script>
@}